<template>
  <div>
    <CodeLight path="switch/Demo1">
      <template #tip>
        <div>按钮。查看 <router-link class="link" :to="{name: 'VXEAPI', params: {name: 'switch'}}">API</router-link></div>
      </template>
    </CodeLight>

    <CodeLight path="switch/Demo2">
      <template #tip>
        <div>禁用状态</div>
      </template>
    </CodeLight>

    <CodeLight path="switch/Demo3">
      <template #tip>
        <div>自定义值</div>
      </template>
    </CodeLight>

    <CodeLight path="switch/Demo4">
      <template #tip>
        <div>自定义名称</div>
      </template>
    </CodeLight>

    <CodeLight path="switch/Demo5">
      <template #tip>
        <div>自定义图标</div>
      </template>

      <template #describe>
        <pre>
          <pre-code>
            | Tab | 切换到上一个 |
            | Shift Tab | 切换到下一个 |
            | Spacebar | 按下点击 |
            | Enter | 点击 |
          </pre-code>
        </pre>
      </template>
    </CodeLight>
  </div>
</template>
